<script type="text/javascript" src="/pages/column/tableColumn.js"></script>
<div id="tableColumn" style="padding: 20px; background-color: #F2F2F2;">
    <div style="margin-left: 26%; margin-bottom: 2%; font-size: 16px;">
        <span style="color: red;">
            注:目前只比对表字段名与字段类型，字段是否允许null，字段大小
        </span>
    </div>
    <div class="layui-row layui-col-space15">
        <div class="layui-col-md6">
            <div class="layui-card">
                <div class="layui-card-header">源</div>
                <div class="layui-card-body">
                    <table id="sourceColumns" lay-filter="sourceColumnInfo"></table>
                    <script type="text/html" id="sourceColumnColor">
                        {{#  if(d.color === 'red'){ }}
                        <span style="color: red;">{{ d.name }}</span>
                        {{#  }else if(d.color === 'yellow'){ }}
                        <span style="color: darkturquoise;">{{ d.name }}</span>
                        {{#  } else { }}
                        {{ d.name }}
                        {{#  } }}
                    </script>
                </div>
            </div>
        </div>
        <div class="layui-col-md6">
            <div class="layui-card">
                <div class="layui-card-header">目标</div>
                <div class="layui-card-body">
                    <table id="targetColumns" lay-filter="targetColumnInfo"></table>
                    <script type="text/html" id="targetColumnColor">
                        {{#  if(d.color === 'red'){ }}
                        <span style="color: red;">{{ d.name }}</span>
                        {{#  }else if(d.color === 'yellow'){ }}
                        <span style="color: darkturquoise;">{{ d.name }}</span>
                        {{#  } else { }}
                        {{ d.name }}
                        {{#  } }}
                    </script>
                </div>
            </div>
        </div>
    </div>

</div>